import * as React from 'react';
import ButtonIconSVG from './ButtonIconSVG';

export default ({color = '#636E71'}) => (
  <ButtonIconSVG>
    <path d="M12,16 C11.4477153,16 11,16.4509752 11,16.990778 L11,21.009222 C11,21.5564136 11.4438648,22 12,22 L12,22 C12.5522847,22 13,21.5490248 13,21.009222 L13,16.990778 C13,16.4435864 12.5561352,16 12,16 L12,16 L12,16 Z M16,16 C15.4477153,16 15,16.4509752 15,16.990778 L15,21.009222 C15,21.5564136 15.4438648,22 16,22 L16,22 C16.5522847,22 17,21.5490248 17,21.009222 L17,16.990778 C17,16.4435864 16.5561352,16 16,16 L16,16 L16,16 Z M20,16 C19.4477153,16 19,16.4509752 19,16.990778 L19,21.009222 C19,21.5564136 19.4438648,22 20,22 L20,22 C20.5522847,22 21,21.5490248 21,21.009222 L21,16.990778 C21,16.4435864 20.5561352,16 20,16 L20,16 L20,16 Z" id="Rectangle-911" stroke="none" fill={color} />
    <path d="M26,8 L29.0034652,8 C29.5538362,8 30,7.55613518 30,7 C30,6.44771525 29.5601869,6 29.0034652,6 L21,6 L21,6 L21,3.99791312 C21,2.89449617 20.1125667,2 19.000385,2 L12.999615,2 C11.8952581,2 11,2.89826062 11,3.99791312 L11,6 L2.99653482,6 C2.44616384,6 2,6.44386482 2,7 C2,7.55228475 2.43981314,8 2.99653482,8 L6,8 L6,30.0029953 C6,31.1059106 6.89821238,32 7.99079514,32 L24.0092049,32 C25.1086907,32 26,31.1050211 26,30.0029953 L26,8 L26,8 Z M19.0000045,6.00005615 C19.0001622,5.92868697 19.0043878,4 19.000385,4 C19.000385,4 13,4.00132893 13,3.99791312 C13,3.99791312 12.9955367,6 12.999615,6 C12.999615,6 15.5849901,5.99942741 17.3616313,6 L19.0000046,6 L19.0000045,6.00005615 L19.0000045,6.00005615 Z M24.0092049,8 C23.9992789,8 24,30.0029953 24,30.0029953 C24,30.0022879 7.99079514,30 7.99079514,30 C8.00072114,30 8,7.99700466 8,7.99700466 C8,7.99771206 24.0092049,8 24.0092049,8 L24.0092049,8 L24.0092049,8 Z" id="Rectangle-1022" stroke="none" fill={color} />
  </ButtonIconSVG>
);
